@charset "utf-8";

/* Common style */

@media only screen and (min-width: 320px) and (max-width: 768px) {
*{margin: 0;padding: 0;}
.w-all{ width:100%; height:60px; background:#FFF;}
.w-main{ width: 100%;margin: 0 auto;}

/*width*/

.top{position: fixed;z-index: 9999;background-color:#ffff;top:0}
.toplogoa{ width:50%; float:left; margin-left:10px; margin-top:20px; overflow:hidden;}
.toplogoa img{ width:100%; overflow:hidden;  }
.getnav img{ width:40px; height:40px; margin-right:10px;}
.getnav2{ float:right; margin-top:10px;}


/*导航*/
.mnav{position:fixed; overflow: scroll;left:100%;top:0;width:100%;height:100%; z-index:1000000; 
background-color:rgba(97,97,97,0.9);display:block;}
  .mnav-tit{height:30px; line-height:30px;}
  .mnav-tit span{float:right;background:url(close.png) left top no-repeat;width:20px;height:20px; background-size:auto 100%;margin-top:15px; margin-right:15px;cursor:pointer;}
  
  .mnav-list dl{border-bottom:2px solid #b2b2b2; line-height:normal;}
  .mnav-list dl dt{padding:10px 2%;cursor:pointer;text-align: center;font-size:16px;line-height: 180%;}
  .mnav-list dl .xximg{background:url(jt2.png) 94% center no-repeat;background-size:auto 20%;}
  .mnav-list dl .xximg1{background:url(jt.png) 94% center no-repeat;background-size:auto 20%;}
  .mnav-list dl dd{border-top:2px solid #b2b2b2; line-height:normal;}
  .mnav-list dl dd a{display:block;width:80%;border-bottom:1px solid #b2b2b2;font-size: 14px;text-align: center;line-height:40px;margin: 0 auto;color: #fff;}
  .mnav-list dl dd a:last-child{border-bottom:0;}
  .mnav-list dl dd{display:none;}
  
.mnav-list1 dl{border-bottom:2px solid #b2b2b2; line-height:normal;}
  .mnav-list1 dl dt{padding:10px 2%;cursor:pointer;text-align: center;font-size: 16px;line-height:180%;}
    .mnav-list1 dl dt a{ color:#FFF;}

  .mnav-list dl .xximg a{ color:#FFF;}
  .mnav-list dl .xximg1 a{ color:#ffff01; font-size:16px; font-weight:800;}


}